<%--
  Created by IntelliJ IDEA.
  User: tianyu
  Date: 2023/7/1
  Time: 14:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <link rel="stylesheet" href="./css/fileinput.min.css">

    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    <!-- jsp= html + servlet -->
    <script src="./js/fileinput.min.js"></script>

    <style>

    </style>

  </head>
  <body>
  <%-- 导航栏 开始--%>
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
          <div class="navbar-header">
            <a class="navbar-brand" href="#">小米商场</a>
          </div>
          <div>
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">首页</a></li>
              <li><a href="#">商品新闻</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  商品分类
                  <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="#">手机</a></li>
                  <li><a href="#">电脑</a></li>
                  <li><a href="#">耳机</a></li>
                  <li class="divider"></li>
                  <li><a href="#">分离的链接</a></li>
                  <li class="divider"></li>
                  <li><a href="#">另一个分离的链接</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
    </div>
    <div class="col-md-1"></div>

  <%-- 导航栏 结束--%>

  <%--轮播图  开始--%>
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
          <div class="item active">
            <img decoding="async" src="./images/d001.jpg" alt="First slide">  <%--1212 420--%>
          </div>
          <div class="item">
            <img decoding="async" src="./images/d001.jpg" alt="Second slide">
          </div>
          <div class="item">
            <img decoding="async" src="./images/d001.jpg" alt="Third slide">
          </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </div>
    <div class="col-md-1"></div>
  </div>
  <%--轮播图  结束--%>

  <%-- 商品排行榜 开始--%>
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
    </div>
    <div class="col-md-1"></div>
  </div>
  <%-- 商品排行榜 结束--%>
  </body>
</html>
